<template>
  <div class="title" :style="{fontSize:`${fontSize}rem`,letterSpacing:`${fontSize/4}rem`}">
    <span>润联</span>
    <b :style="{right: `${fontSize/1.6}rem`,top:`${-fontSize/2.67}rem`,backgroundSize: `${fontSize/2}rem ${fontSize/2}rem`,width:`${fontSize/2}rem`,height:`${fontSize/2}rem`}"></b>
    <br/>
    <span>科技</span>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        
      }
    },
    props:{
      fontSize:{
        type: Number,
        default: 4
      },
    },
    
  }
</script>
<style lang="less" scoped>
  @import url("../assets/css/global.less");
  .title {
    height: 10vh;
    font-family: zkFont;
    text-align: left;
    // font-size: 4rem;
    // letter-spacing: 1rem; //设置文字间距
    b {
      position: relative;
      z-index: -1;
      display: inline-flex;
      background-image: url('../assets/images/circle.svg');
      // right: 2.5rem;
      // top:-1.5rem;
      // background-size: 2rem 2rem;
      // width:2rem;
      // height:2rem;
    
    }
  }
</style>